<!DOCTYPE html>
<html lang="zh-CN">
<head>
	<meta charset="utf-8" />
	<title>大学</title>
	<meta name="description" content="大学乐游" />
	<meta name="keywords" content="大学乐游"/>
	<meta name="viewport" content="initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
	<link rel="stylesheet" href="/css/amazeui.min.css" />
	<link rel="stylesheet" href="/css/style.css" />
	<script type="text/javascript" src="/js/jquery.min.js" ></script>
	<script type="text/javascript" src="/js/amazeui.min.js" ></script>

	<link rel="stylesheet" href="css/fhNav.css">
	<style type="text/css">

		.topBox {
		    position: fixed;
		    width: 120px;
		    height: 11vh;
		    /* line-height: 5vh; */
		    padding-top: 0.5vh;
		    bottom: 80px;
		     right: -23px;
		    /*left: 77%;*/
		}
		.fhNav{
			background: 0;
			padding: 0 10px;
		}
		.nav1 li {
		    margin-bottom: 5px;
		    font-size: 17px;
		    list-style: none;
		    display: block;
		    min-width: 6vw;
		    text-align: center;
		    height: 4.5vh;
		    line-height: 4.5vh;
		    cursor: pointer;
		    padding: 0 10px;
		    width: 100px;
		    color: white;
		    border-radius: 50px;		
		}
		.selectedNav {
		    background-color: #FF9800;
		}
		#headimg {
		    margin-top: 0vh;
		}
		img{
			border-radius: 2%;
		}
		.am-intro-title {
		    font-size: 22px;
		    margin: 0;
		    font-weight: 700;
		    color: #fff;
		    position: fixed;
		    top: 130px;
			color: rgba(255, 255, 255, 0.78);
		}
		.am-intro-title2 {
			color: rgba(255, 255, 255, 0.78);
			top: 130px;
		}
		.selectedNav2{
			background: rgba(255, 152, 0, 0.46);
		}
	</style>
</head>
<body>
#if(school!=null)
	<div class="wrap">
		<div class="topBox">
			<div class="fhNav">
				<div class="bottomLine"></div>
				<ul class="nav1 clearfix">
					<a href="college?sId=1&isApp=${isApp}"><li class="selectedNav${school.sId==1?'':'2'}">皖西学院</li></a>
					<a href="college?sId=2&isApp=${isApp}"><li class="selectedNav${school.sId==2?'':'2'}">武汉大学</li></a>
				</ul>
			</div>
		</div>
	</div>

<!-- <div data-am-widget="slider" class="am-slider am-slider-default" data-am-slider='{}' > -->
			  <ul class="am-slides">
			      <li><img id="headimg" src="images/picture/${school.sPic}"> </li>
			  </ul> 
		<!-- </div> -->
		  <div data-am-widget="intro" class="am-intro am-cf am-intro-default">
		    <!-- <div class="am-intro-hd"> -->
		        <h2 class="am-intro-title ${school.sId%2==0?'am-intro-title2':''}">&nbsp;&nbsp;${school.sName}</h2>
		    
			<a href="college_introduce?sId=${school.sId}">
		    	<div class="am-g am-intro-bd">		    	
		    	&nbsp;&nbsp;&nbsp;<i class="am-icon-mortar-board am-icon-fw"></i>
			        	<span>&nbsp;&nbsp;学校简介</span>
			        	<span class="fr">
			        		<i class="am-icon-chevron-right">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</i>
			        	</span>		       
		    	</div>
			</a>

		    <a href="college_position?sId=${school.sId}">
			    <div class="am-g am-intro-bd">
			    	&nbsp;&nbsp;&nbsp;<i class="am-icon-map-marker am-icon-fw"></i>
		        	<span>&nbsp;&nbsp;地理位置</span>
		        	<span class="fr">
		        		<i class="am-icon-chevron-right">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</i>
		        	</span>
			      
			    </div>
		     </a>
			<a href="college_in?sId=${school.sId}">
			    <div class="am-g am-intro-bd">		    	
			    	&nbsp;&nbsp;&nbsp;<i class="am-icon-yelp am-icon-fw"></i>
				        	<span>&nbsp;&nbsp;校内景点</span>
				        	<span class="fr">
				        		<i class="am-icon-chevron-right">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</i>
				        	</span>		       
			    </div>
			</a>

			<a href="college_out?sId=${school.sId}">
			    <div class="am-g am-intro-bd">
			    	
			    	&nbsp;&nbsp;&nbsp;<i class="am-icon-pagelines am-icon-fw"></i>
				        	<span>&nbsp;&nbsp;周边景点</span>
				        	<span class="fr">
				        		<i class="am-icon-chevron-right">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</i>
				        	</span>
			       
			    </div>    
			</a>
		  </div>
#else
<div style="text-align: center;margin-top: 20%;">该学校不存在！</div>
#end
	#include('bottom.html',{num:2})

	<script src="js/fhNav.js"></script>

</body>
</html>